<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    // 定义一个Person   就是创建一个方法
    function Person() {}
    // 实例化Person对象
    let p = new Person();
    // 动态添加属性和方法
    p.name="张三";
    p.age=18;
    p.run = function () {
        console.log(this.name+":"+this.age);
    }
    // 调用方法对象
    p.run();


    // 定义一个自带属性和方法的对象
    function Car() {
        this.name = "梅赛德斯";
        this.price= 20+"万元";
        this.run = function () {
            console.log(this.name +":"+this.price);
        }
    }
    //实例化带属性和方法的对象
    let c = new Car();
    c.run();



    /*直接实例化空对象*/
    let p1= {};
    //动态添加属性和方法
    p1.name= "王五";
    p1.age = 20;
    p1.run = function () {
        console.log(this.name+":"+this.age);
    }
    // 调用方法
    p1.run();

    /*直接实例化带属性和方法的对象*/
    let p2= {
        name:"诸葛亮",
        age:50,
        run:function () {
            console.log(this.name+":"+this.age);
        }}
        p2.run();

    // 重点
    /*通过自定义对象封装数据*/
    let arr=[{title:"华为手机",price:5000,num:500},
             {title:"苹果手机",price: 10000,num: 1000},
             {title:"小米手机",price: 3000,num: 300}];
    // forof循环相当于Java中的新循环
    for(let item of arr){
        let p = document.createElement("p");
        p.innerText = "商品名:"+item.title+"价格:"+item.price+"库存:"+item.num;
        // 吧p添加到body里面
        document.body.append(p);
    }

</script>
</body>
</html>